g-pay-password {
  .g-pay-password {
    position: relative;
    width: calc(100% - 40px);
    margin: 20px auto;
    background: #fff;
    height: 60px;
    border: 1px solid #eee;
    border-radius: 10px;
    input {
      width: 100%;
      height: 60px;
      //opacity: 0;
      text-align: left;
      &:focus + div > b.active {
        border: none;
        border-radius: 10px;
        box-shadow: 0 0 6px #009eff;;
      }
    }
    > div {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      //background: #fff;
      //pointer-events: none;
      font-size: 0;
      b {
        font-size: 20px;
        display: inline-block;
        width: 16.66%;
        height: 100%;
        line-height: 60px;
        text-align: center;
        border-right: 1px solid #eee;
        vertical-align: middle;
        &:last-child {
          border-right: none;
        }
      }
      &.active{
        > b.active {
          border: none;
          border-radius: 10px;
          box-shadow: 0 0 6px #009eff;;
        }
      }
    }
  }
}
